.my-container {
    width: 800px;
    height: 500px;
    margin: 20px auto;
}

.photo-wrap {
    perspective: 800px;
    width: 800px;
}

.container {
    width: 800px;
    height: 500px;
    margin: 0 auto;
    position: relative;
    transform-style: preserve-3d;
    animation: rotateY360 15s ease-in-out infinite;
    /*animation: mymove 5s infinite;*/
}

.img {
    width: 200px;
    height: 118px;
    line-height: 118px;
    text-align: center;
    position: absolute;
    top: 160px;
    left: 300px;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.9) inset;
    background: pink;
}

.img01 {
    transform: rotateY(0deg) translateZ(300px);

}

.img02 {
    transform: rotateY(40deg) translateZ(300px);
}

.img03 {
    transform: rotateY(80deg) translateZ(300px);
}

.img04 {
    transform: rotateY(120deg) translateZ(300px);
}

.img05 {
    transform: rotateY(160deg) translateZ(300px);
}

.img06 {
    transform: rotateY(200deg) translateZ(300px);
}

.img07 {
    transform: rotateY(240deg) translateZ(300px);
}

.img08 {
    transform: rotateY(280deg) translateZ(300px);
}

.img09 {
    transform: rotateY(320deg) translateZ(300px);
}

@keyframes rotateY360 {
    from {
        transform: rotateY(0deg);
    }
    to {
        transform: rotateY(360deg);
    }
}

